/**
 * Created by Administrator on 2017/9/18.
 */
$(function(){
    var imgIndex = 0;
    var imgIndex2 = 0;
    var spanIndex2 = 0;
    var index;
    //顶部移入事件，改变背景色
    $("header > .head_top > .wrapper > ul>li").on("mouseenter", function(){
        $(this).css("background", "white");
        $("header > .head_top > .wrapper > ul>li").on("mouseleave", function(){
            $(this).css("background", "#f2f2f2")
        });
    });
    //顶部移入事件，下拉我的账户部分。
    $("header > .head_top > .wrapper > ul>li:first").on("mouseenter", function(){
        $(this).children("dl").stop().slideDown();
        $("header > .head_top > .wrapper > ul>li:first").on("mouseleave", function(){
            $(this).children("dl").stop().slideUp()
        });
    });

    //购物车，移入移出，显示隐藏。
    $("header > .head_top > .wrapper > ul>li:nth-of-type(2)").on("mouseenter", function(){
        $(this).find(".shopping_cart").show();
        $(this).on("mouseleave", function(){
            $(this).find(".shopping_cart").hide();
        })
    });
//.,移入产生阴影
    $(".sasa_mustCheck_main>ul>li").on("mouseenter",function(){
        $(this).css("box-shadow","0px 3px 1px #ccc ");
        $(".sasa_mustCheck_main>ul>li").on("mouseleave",function(){
            $(this).css("box-shadow","");
        });
    });
    $(".sasa_limitedOffer_main>li").on("mouseenter",function(){
        $(this).css("box-shadow","0px 3px 1px #ddd,0px -3px 1px #ddd");
        $(this).on("mouseleave",function(){
            $(this).css("box-shadow","");
        });
    });
    //移入边框变化
    $(".sasa_newArrival ul li").css("border","1px solid transparent").css("box-sizing","border-box");
    $(".sasa_newArrival ul li").on("mouseenter",function(){
        $(this).css("border","1px solid #e93b78");
        $(this).siblings().stop().animate({"opacity":".7"},1000);
        $(this).on("mouseleave",function(){
            $(this).css("border","1px solid transparent");
            $(this).siblings().stop().animate({"opacity":"1"},1000);
        });
    });


    //右边栏的商品数量，定时器实时监视
    setInterval(function(){
        var n = 0;
        for(var i = 0; i < 10; i++){
            if($.cookie("No." + i)){
                n++;
            }
        }
        //右边栏的商品数量，根据实际的cookie数量判断
        $(".goods_num").text(n);
        var num = 0;
        var sum = 0;
        $(".shopping_cart >ul>li").each(function(){
            //遍历所有购物车内的li，
            if($(this).find("input").eq(0).prop("checked")){
                num++;
                // console.log($(this).find("span").eq(0).text().slice(1));
                //商品总价= 取到每个商品单价，乘以他们的数量 再相加
                sum += parseInt($(this).find(".shops_num").text()) * $(this).find("span").eq(0).text().slice(1)
            }
            $(".sasa_account span").eq(0).text($(".shopping_cart").eq(1).find("li").length);
            $(".sasa_account span").eq(1).text(num);
            $(".sasa_account span").eq(2).text("￥" + sum);
        })
    }, 500);
    //-------------------
    $(".sasa_shopping_cart .sasa_type input").on("click", function(){
    //所有的input都根据全选框（包括自己）都受自己prop影响，若全选框的checked为true，所有input都为true
        $(".sasa_shopping_cart .shopping_cart input").prop("checked", $(this).prop("checked"))
    });

    //点击关闭按钮隐藏购物车的部分
    $(".sasa_shopping_cart .close").on("click", function(){
        $(".sasa_shopping_cart").hide()
    });
    $(".sasa_aside_right .open_shopping_cart").on("click", function(){
        $(".sasa_shopping_cart").show()
    });
    //-------------------
    $("#banner ul li:first").find("img").css("opacity", "1");
    $("#banner_index span").on("mouseenter", function(){
        $(this).addClass("active").siblings("span").removeClass("active");
        imgIndex2 = $(this).index();
        spanIndex2 = $(this).index();
        $("#banner ul li").eq($(this).index()).find("img").stop().animate({opacity : 1}, 1000).end().siblings().find("img").stop().animate({opacity : 0}, 1000)
    });
    //文字轮播图，划入变色。
    $(".sasa_notice .sasa_notice_line>ul>li").on("mouseenter",function(){
        $(this).find("a").css("color","#ec3e7d").end().siblings("li").find("a").css("color","#999");

    });
    $(".sasa_notice .sasa_notice_line>ul>li").on("mouseleave",function(){
        $(this).find("a").css("color","#999")
    });
    var autoTmp = setInterval(autoPlay, 3000);
    var autoTmp2 = setInterval(autoPlay2, 3000);
    // 手写，轮播图，已经轮播图下面的公告部分也是小型上下的轮播图
    function autoPlay(){
        imgIndex++;
        if(imgIndex == 4){
            imgIndex = 1;
            $(".sasa_notice .sasa_notice_line ul").css("marginTop", 0)
        }
        animate($(".sasa_notice .sasa_notice_line ul")[0], {'marginTop' : -28 * imgIndex});
    }

    function autoPlay2(){
        imgIndex2++;
        if(imgIndex2 == 9){
            imgIndex2 = 0;
        }
        $("#banner ul li").eq(imgIndex2).find("img").stop().animate({opacity : 1}, 1000).end().siblings().find("img").stop().animate({opacity : 0}, 1000);
        spanIndex2++;
        if(spanIndex2 == 9){
            spanIndex2 = 0;
        }
        $("#banner_index span").eq(spanIndex2).addClass("active").siblings().removeClass("active")
    }

    $("#banner").on("mouseenter", function(){
        clearInterval(autoTmp2)
    });
    $("#banner").on("mouseleave", function(){
        autoTmp2 = setInterval(autoPlay2, 3000);
    });


    function animate(obj, json, callback){
        //1.清空之前的定时器
        clearInterval(obj.timer);

        //启动定时器
        obj.timer = setInterval(function(){

            var flag = true;
            for(var key in json){
                // 步长 = （目标值-当前值）/10;
                var step = (parseInt(json[key]) - parseInt(getStyle(obj, key))) / 10;

                if(key == "opacity"){
                    step = (json[key] * 100 - getStyle(obj, "opacity") * 100) / 10;  // 0--10
                }
                step = step > 0 ? Math.ceil(step) : Math.floor(step);

                if(key == "z-Index"){
                    obj.style.zIndex = json[key];

                } else if(key == "opacity"){
                    // 没有带单位的透明度和index操作
                    //新的位置    =    当前的位置       +          步长；
                    obj.style.opacity = Number(getStyle(obj, "opacity")) + (step / 100);

                    if(Number(getStyle(obj, "opacity")) != Number(json[key])){
                        flag = false;
                    }
                } else {
                    //新的位置    =    当前的位置       +          步长；
                    obj.style[key] = parseInt(getStyle(obj, key)) + step + "px";

                    if(parseInt(getStyle(obj, key)) != parseInt(json[key])){
                        flag = false;
                    }
                }
            }
            //到达指定位置后
            if(flag == true){
                clearInterval(obj.timer);
                if(callback){
                    callback();
                }
            }
        }, 40)
    }
//获取属性值
    function getStyle(obj, attr){
        if(obj.currentStyle){
            //ie
            return obj.currentStyle[attr];
        }
        //google
        return window.getComputedStyle(obj, null)[attr];
    }
    //左边悬中的导航栏，移入移出变色，点击固定颜色，改变滚动条定位
    $(".sasa_mustCheck .floor_left li").eq(0).addClass("active");//预设值
    $(".sasa_mustCheck .floor_left li").on("mouseenter", function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(this).on("mouseleave", function(){
            $(this).removeClass("active");
            $(".sasa_mustCheck .floor_left li").eq(index).addClass("active")
        });
    });

    $(".sasa_mustCheck .floor_left li").on("click", function(){
        // $(this).addClass("active").siblings().removeClass("active");
        // $(".sasa_mustCheck .floor_left li").on("mouseleave",null)
        index=$(this).index()
    });
    //下面是banner上的左侧导航目录，的显示与隐藏
    $(".sasa_category_item").on("mouseenter", function(){
        $(this).find(".sasa_category_sidebox").show()
    });
    $(".sasa_category_item").on("mouseleave", function(){
        $(this).find(".sasa_category_sidebox").hide()
    });
    //左侧导航栏移动定位+右侧返回顶部的隐藏显示
    setInterval(function(){
        if($(document).scrollTop() >= 740){
            //左侧导航栏的移动定位
            $(".sasa_mustCheck .floor_left").css("position", "fixed").css("top", "70px");
            $(".sasa_aside_right ul li:last-child").show();
        } else {
            $(".sasa_mustCheck .floor_left").css("position", "absolute").css("left", "-0.5px").css("top", "830px");
            $(".sasa_aside_right ul li:last-child").hide();
        }

    }, 1000);
    //下面是左侧导航点击滚动到固定的地方
    $(".sasa_mustCheck .floor_left li").on("click", function(){
        if($(this).index() == 0){
            $('html,body').animate({scrollTop : '740'}, 800);
        } else if($(this).index() == 1){
            $('html,body').animate({scrollTop : '1915'}, 800);
        }
        else if($(this).index() == 2){
            $('html,body').animate({scrollTop : '5915'}, 800);
        }
        else if($(this).index() == 3){
            $('html,body').animate({scrollTop : '7152'}, 800);
        }
    });
    $(".sasa_aside_right ul li").on("mouseenter", function(){
        if($(this).index() == 6){
            return
        }
        if($(this).index() == 5){
            $(this).children(".weixin").show()
        }
        $(this).css("background", "#ec3e7d");
        $(this).children(".aside_right_content").show();

    });
    $(".sasa_aside_right ul li").on("mouseleave", function(){
        $(this).css("background", "#4c4c4c");
        $(this).children(".aside_right_content").hide();
        $(this).children(".weixin").hide()
    });
    $(".sasa_aside_right ul li:last").on("click", function(){
        $('html,body').animate({scrollTop : '0'}, 1000);
    });

    //如果uName存在，就替换成用户名称，欢迎光临 XXX这样子---头部。
    var str = window.location.search;
    if(str.indexOf('?') != -1 && str.includes("=")){
        var arr = str.split("?")[1].split("=");
        $("#login_uName").html("<span></span>");
        $("#login_uName span").html("欢迎光临莎莎网, <a href='#'>" + arr[1].split("&&")[0] + "</a> 您好！").find("a").css("text-decoration", "none");
        // 准备些json，到时候导入到各个li里面去。=
        //点击详情页面，跳转到详情页
        $(".sasa_limitedOffer_main>li").addClass("to_goods").css("cursor", "pointer");
        $(".sasa_limitedOffer_main>li").on("click", function(){
            var str = window.location.search;
            if(str.indexOf('?') != -1 && str.includes("=")){
                window.open("goods.html?uName=" + arr[1] + "&&uId=" + $(this).index());
            } else {
                alert("请您先登录！")
            }

        })
    }

    //点击删除图标i的class=delete的时候，删除，购物车里面的商品
    $(".delete").on("click", function(){
        //最顶部导航栏里的li ++右边导航栏弹出的框里面的li。
        $(this).parent("a").parent("li").remove();
        $(this).parent("a").parent("p").parent("li").remove();
        // console.log($(this).parent("a").parent("p").parent("li")[0].className);
        $.removeCookie($(this).parent("a").parent("p").parent("li")[0].className);
        window.location.reload();
    });
    // 定时器，倒计时的判断=========
    var start_time = new Date("2017/10/01 8:00:00");
    var count_down = setInterval(function(){
        var now_time = new Date();
        var time = start_time - now_time;
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        var minute = parseInt(time / 1000 / 60 % 60);
        var seconds = parseInt(time / 1000 % 60);
        if(minute < 10){
            minute = "0" + minute;
        }
        if(seconds < 10){
            seconds = "0" + seconds;
        }
        if(hour == 0 && seconds == 0 && minute == 0){
            clearInterval(count_down)
        }
        $(".count_down span:nth-of-type(3)").text(seconds);
        $(".count_down span:nth-of-type(2)").text(minute);
        $(".count_down span:nth-of-type(1)").text(hour);
    }, 1000);

    $(".shopping_cart ul li:first-child").siblings().remove();
    for(var i = 0; i < 10; i++){
        if($.cookie("No." + i)){
            var newLi = $(".shopping_cart ul>li:first-child").eq(1).clone(true);
            $(newLi).find("img").attr("src", JSON.parse($.cookie("No." + i)).uSrc);
            $(newLi).find("p").eq(0).find("a").text(JSON.parse($.cookie("No." + i)).uName);
            $(newLi).find("p").eq(1).find("span").eq(0).text(JSON.parse($.cookie("No." + i)).newPrice);
            $(newLi).find("p").eq(1).find("span").eq(1).text(JSON.parse($.cookie("No." + i)).num);
            $(newLi).addClass("No." + i);
            $(".shopping_cart>ul").append(newLi);
        }
    }
    $(".shopping_cart ul>li:first-child").remove();
    $(".cart_enter").on("click", function(){
        var str = window.location.search;
        if(str.indexOf('?') != -1 && str.includes("=")){
            var arr = str.split("?")[1].split("=");
        }
        window.location.href = "shopping_cart.html?uName=" + arr[1]
    });
    //点击to_index返回首页
    $(".to_index").on("click",function(){
        var str = window.location.search;
        var arr = str.split("?")[1].split("=");
        window.open("index.html?uName=" + arr[1]+"="+arr[2]);
    })
});